<script lang="ts" setup>
import { batterySizeType } from '@/api/bike/types/bike'
defineProps<{
  data: batterySizeType[]
}>()
</script>

<template>
  <el-card shadow="never">
    <template #header>适用电池尺寸</template>
    <div v-for="item in data" :key="item.batterySizesId" class="battery-size__item">
      <div class="battery-detail" flex items-center>
        <span class="circle-number" mr-5 :data-number="item.batterySizesId" /><span>{{
          item.volt
        }}</span
        ><span mr-5>{{ item.current }}</span
        ><span class="battery-detail-small">({{ item.name }})</span>
      </div>
      <div>
        <img :src="item.imageUrl" alt="" />
      </div>
    </div>
  </el-card>
</template>

<style scoped></style>
